<script type="text/javascript">
//var baseUrl = "{$this->baseUrl}";
dojo.require("dijit.form.FilteringSelect");
dojo.require("dijit.form.Form");
dojo.require("dojo.data.ItemFileReadStore");

{literal}	
function actualizarDistritos(cReg) {
	var urlDistritosStore = baseUrl + "/jsonQuery/obtenerDistritos?cReg=" + cReg;
	var distritosStore = new dojo.data.ItemFileReadStore({url: urlDistritosStore}); 
	dijit.byId("distritos").store = distritosStore;
	actualizarTabla();
}

function actualizarGrupos(cDis) {
	var urlGruposStore = baseUrl + "/jsonQuery/obtenerGrupos?cDis=" + cDis;
	var gruposStore = new dojo.data.ItemFileReadStore({url: urlGruposStore}); 
	dijit.byId("grupos").store = gruposStore;
	actualizarTabla();
}

function actualizarTabla() {
	var cUni = dijit.byId("unidades").getValue();
	var cReg = dijit.byId("regiones").getValue();
	var cDis = dijit.byId("distritos").getValue();
	var cGru = dijit.byId("grupos").getValue();
	
	var fNiv = dojo.byId("trUnidades");
	var fReg = dojo.byId("trRegiones");
	var fDis = dojo.byId("trDistritos");
	var fGru = dojo.byId("trGrupos");

	var where = "";
	var actualizar = false;
	switch (cUni) {
		case '11': //region
			fReg.style.display='';
			fDis.style.display='none';
			fGru.style.display='none';
			
			actualizar = (cReg != '');
			
			where = "&cReg=" + cReg;
			break;
		case '10': //distrito 
			fReg.style.display='';
			fDis.style.display='';
			fGru.style.display='none';

			actualizar = (cReg != '' && cDis != '');

			where = "&cReg=" + cReg + "&cDis=" + cDis;
			break;
		default: //grupo y unidades
			fReg.style.display='';
			fDis.style.display='';
			fGru.style.display='';

			actualizar = (cReg != '' && cDis != '' && cGru != '');

			where = "&cReg=" + cReg + "&cDis=" + cDis + "&cGru=" + cGru;
			break;
	}
	if (actualizar) {
		mostrarCargandoDialog();
		var urlMiembrosStore = baseUrl + "/jsonQuery/listaAdultos?cUni=" + cUni + where;
		var d = dojo.xhrGet( {
	        // The following URL must match that used to test the server.
	        url: urlMiembrosStore,
	        handleAs: "json",
	        load: function(responseObject, ioArgs) {
	          // Now you can just use the object
	          //console.dir(responseObject);
	          llenarTabla(responseObject);
	          return responseObject;
	        }
	        // More properties for xhrGet...
		});
		
		d.addCallback(ocultarCargandoDialog);
	}
}
{/literal}
dojo.addOnLoad(actualizarTabla);	
</script>
<div dojoType="dojo.data.ItemFileReadStore" jsId="regionesStore"
	url="{$this->baseUrl}/jsonQuery/obtenerRegiones"></div>
<div dojoType="dojo.data.ItemFileReadStore" jsId="unidadesStore"
	url="{$this->baseUrl}/jsonQuery/obtenerUnidades?cNiv=4"></div>
<p>Indique de donde desea consultar las credenciales de los adultos.</p>
<form dojoType="dijit.form.Form" id="consultaCredencialForm">
<table id="tblParametros">
	<tr id="trUnidades">
		<th><label for="unidades">Nivel/Unidad:</label></th>
		<td><input id="unidades" name="unidades" store="unidadesStore"
			onchange="actualizarTabla" searchAttr="zUni"
			dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr id="trRegiones">
		<th><label for="regiones">Regi&oacute;n:</label></th>
		<td><input id="regiones" name="regiones" store="regionesStore"
			searchAttr="zReg" onchange="actualizarDistritos"
			dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr id="trDistritos">
		<th><label for="distritos">Distrito:</label></th>
		<td><input id="distritos" name="distritos" searchAttr="zDis"
			onchange="actualizarGrupos" dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr id="trGrupos">
		<th><label for="grupos">Grupo Scout:</label></th>
		<td><input id="grupos" name="grupos" searchAttr="zGru"
			onchange="actualizarTabla" dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
</table>
<table id="lista">
	<tbody></tbody>
</table>